<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新建book</title>
    <!--1、Jquery组件引用-->
    <script src="/js/jquery.min63b9.js?v=2.1.4"></script>

    <!--2.bootstrap组件引用-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/bootstrap.min14ed.js?v=3.3.6"></script>

    <!--3、bootstrap table组件以及中文包的引用-->
    <link rel="stylesheet" href="dist/bootstrap-table.css">
    <script src="dist/bootstrap-table.js"></script>
    <script src="dist/locale/bootstrap-table-zh-CN.js"></script>
    <script src="dist/extensions/export/bootstrap-table-export.js"></script>
    <script src="dist/tableExport.js"></script>


    <link rel="stylesheet" href="bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">
    <script src="bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
    <script src="bootstrap-datetimepicker/css/locales/bootstrap-datetimepicker.zh-CN.js"></script>


</head>
<style>
    body {
        font-family: "Microsoft YaHei", 微软雅黑, sans-serif;
        font-size: 14px;
        margin: 0;
        padding: 0;
    }

    .table_break {
        word-break: break-all;
    }

    #toolbar input {
        min-width: 50px;
        height: 30px;
    }

    /*.table td{*/
    /*width:14% ;*/
    /*}*/

</style>
<body>
<!--<form id="create_form">-->
<div class="container-fluid" id="toolbar">
    <div class="row-fluid">
        <div class="span4">
            <form class="form-horizontal" action="/save">
                <input type="hidden" name="id" id="id" value="${bs.id}">
                <div class="control-group">
                    <label class="control-label">书名:</label>
                    <div class="controls">
                        <input type="text" name="bookName" id="bookName" placeholder="" value="${bs.bookName}">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">主编:</label>
                    <div class="controls">
                        <input type="text" name="bookEditor" id="bookEditor" placeholder="" value="${bs.bookEditor}">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label">出版社:</label>
                    <div class="controls">
                        <input type="text" name="press" id="press" placeholder="" value="${bs.press}">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">价钱:</label>
                    <div class="controls">
                        <input type="text" name="price" id="price" placeholder="" value="${bs.price}">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">内容介绍:</label>
                    <div class="controls">
                        <input type="text" name="contentIntroduction" id="contentIntroduction" placeholder="" value="${bs.contentIntroduction}">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">作者简介:</label>
                    <div class="controls">
                        <input type="text" name="authorAbout" id="authorAbout" placeholder="" value="${bs.authorAbout}">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label">目录:</label>
                    <div class="controls">
                        <input type="text" name="outline" id="outline" placeholder="" value="${bs.outline}">
                    </div>
                </div>


                <div class="control-group">
                    <div class="controls">
                        <button class="btn" type="submit" id="query_button" onclick="doQuery()">创建</button>
                        <button class="btn" type="button" id="clean_button" onclick="doClean()">清空</button>
                    </div>
                </div>
            </form>
        </div>

    </div>
</div>
<!--</form>-->

</body>
<script>

    function doClean() {
        $('#bookName').val("");
        $('#bookEditor').val("");
        $('#press').val("");
        $('#price').val("");
        $('#authorAbout').val("");
        $('#outline').val("");
        $('#contentIntroduction').val("");
        doQuery();
    }
</script>

</html>